<template>
    <div class="handled-detail maincontainer">
      <div class="detail-content">
        <Row>
          <Col span="2" class="left-title">手机号:</Col>
          <Col span="9">{{reportList.mobile}} <i v-if=" reportList.userType==1"class="icon icon-authed"></i></Col>
          <Col span="2"  class="right-title">发布时间:</Col>
          <Col span="9" class="right-content">{{reportList.createTime}} </Col>
        </Row>
        <Row>
          <Col span="2" class="left-title">审核人:</Col>
          <Col span="9">{{reportList.auditor}}</Col>
          <Col span="2"  class="right-title">审核通过时间:</Col>
          <Col span="9" class="right-content">{{reportList.auditPassTime}} </Col>
        </Row>
        <Row>
          <Col span="2" class="left-title">位置:</Col>
          <Col span="20">{{reportList.location}}</Col>
        </Row>
        <Row>
          <Col span="2" class="left-title content-name">内容:</Col>
          <Col span="20" class="content-describe">
          <pre class=""><span class="subjectname" @click.stop="goToSubject(reportList)" v-if="reportList.subjectName">{{reportList.subjectName}}</span>{{reportList.content}}</pre>
          </Col>
        </Row>
        <Row>
          <Col span="2" class="left-title content-name">&nbsp</Col>
          <Col span="22" class="content-describe">
          <div class="img-pane">
            <div class="img-box" v-for="(img,index) in reportList.photos">
              <img :src="img.fileUrl" alt=""  @click="bigImg(index)">

            </div>
          </div>
          </Col>
        </Row>
        </div>
      <div class="othermessages">其他信息</div>
      <div class="messagecontent clearfix">
        <div class="col clearfix" style="padding-left: 30px">
          <div class="fl titlecolor">
            <p>
              点赞数：
            </p>
			<!--
            <p>
              获得积分：
            </p>
			-->
          </div>
          <div class="fl contentcolor">
            <p>
              {{reportList.praiseSum}}
            </p>
			<!--
            <p>
              {{reportList.score}}
            </p>
			-->
          </div>
        </div>
        <div class="col clearfix" style="padding-left: 0">
          <div class="fl titlecolor">
            <p>
              评论数：
            </p>
          </div>
          <div class="fl contentcolor">
            <p>
              {{reportList.commentSum}}
            </p>
          </div>
        </div>
      </div>
      <Row style="margin-bottom:0">
        <Col span="24" style="text-align: right;">
        <button class="button ivu-btn ivu-btn-primary big-btn" @click="switchShow">{{reportList.showFlag==1?'对外隐藏':'对外显示'}}</button>
        </Col>
      </Row>
      <big-img  v-model=imgSwitch  :img-index=imgIndex  :photo-list="photosList"   @reset="reset"></big-img>
      <!--提示框-->
      <Modal class="warning-modal"
             v-model="showWarnModal"
             title="温馨提示"
             width="550"
             height="250"
      >
        <div class="warn-modal-body">
          <i class="modal-icon"></i>
          <p class="modal-content">{{warnContent}}</p>
        </div>
        <div slot="footer">
          <div class="warn-modal-footer">
            <span class="modal-close-btn" @click="closeModal">确定</span></div>
        </div>
      </Modal>
    </div>
</template>
<style scoped>
    .handled-detail{
        padding: 33px 30px;
    }
    .subjectname{
      margin-right: 10px;
      color: #3F94FC;
      cursor: pointer;
    }
    .handled-detail .big-btn{
      margin: 10px 30px;
    }
    .handled-detail .right-content{
    width: 200px;
  }

</style>
<script>
  import index from  "./handled-detail.js"
  export default index ;
</script>
